<template>
  <div class="toolbar">
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item :to="{ path: '/index/home' }">{{$t('home')}}</el-breadcrumb-item>
      <template v-for="(item,ind) in $route.matched" :key="ind">
        <template v-if="ind!=0&&item.name!='home'">
          <el-breadcrumb-item>{{$t(item.meta.title)}}</el-breadcrumb-item>
        </template>
      </template>
    </el-breadcrumb>
  </div>
</template>

<script>
import { ArrowRight } from '@element-plus/icons-vue';
export default {
  setup() {
    return {
      ArrowRight
    }
  }
}
</script>
<style lang="less" scoped>
.toolbar {
  margin-left: 10px;
  width: 30%;
  margin-top: 20px;
}

</style>